 html,
 * {
     margin: 0px;
     padding: 0px;
     box-sizing: border-box;
 }

 html {
     height: 100%;
 }

 body {
     width: 100%;
     height: 100%;
     background: #000000;
 }

 .main {
     padding: 0px 10px;
     width: 920px;
   
     margin: 0px auto;
     background: rgba(107, 84, 53, 1);
    
 }

 .top {
     width: 99.2%;
     height: 60px;
 }

 .topItem {
     display: inline-block;
     height: 30px;
     margin: 12px 4px;
     color: #000000;
     font-size: 16px;
     text-align: center;
 }

 .topItem label {
     color: #FFFFFF;
     font-size: 16px;
 }

 .topBtn {
    
     height: 30px;
     background: #4e4545;
     border: 1px solid #4e4545;
     color: #FFFFFF;
     cursor: pointer;
     padding:0px 9px;
     font-size: 16px;
 }

 .topInput {
     width: 120px;
     background: burlywood;
     border: 1px solid #4e4545;
     height: 30px;
     font-size: 18px;
 }

 .middel {
     position: relative;
     min-height: 400px;
 }

 .left {
     display: inline-block ;
     width: 59%;
     height: 100%;
     vertical-align: top;
 }

 .right {
    display: inline-block;
     width: 40%;
     height: 100%;
     padding: 0px 0px 0px 1%
 }

 .logo {
     
     width: 100%;
     height: 100px;
     background: url(../images/logo.png);
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }

 .vdioBox {
     width: 100%;
     height: 100%;
     border: 2px solid #b9983e
 }

 table {
     width: 100%;
     background: rgb(177, 153, 110);
     border-collapse: collapse;
     text-align: center;
 }

 table td {
     border: 1px solid #FFFFFF;
 }

 .table1 {
     margin: 10px 0px
 }

 .table3 {
     margin-top: 5px;
     border: 2px solid #947305;
 }

 .table3 span {
     display: inline-block;
     padding: 2px 5px;
     width: 43px;
     margin: 2px 0px 2px 6px;
     color: #FFFFFF;
     font-size: 12px;
     text-align: center;
     background: rgb(177, 153, 110);
     cursor: pointer;
 }
.tableBox{
    position: relative;
    width: 100%;
    height: 190px;;
}

.table4{
    display: inline-block;
    width:440px;
    height: 240px;
}
.table4 td{
    width:40px;
    height: 40px;
    border:1px solid rgb(141,64,64);
    background:#FFFFFF;
}
.tablebox1{
    display: inline-block;
    width:calc(100% - 440px);
}
.table5 td {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(141, 64, 64);
    background: #FFFFFF;
}

.table6 td {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(141, 64, 64);
    background: #FFFFFF;
}
